<!doctype html>
<html>
<head>
<#include "/h5/include.ftl"/>
<script src="/h5/js/biz/city.js"></script>
<title>选择城市</title>
</head>

<body style="background:#f2f2f2;" ng-controller="CityController" ng-app="city">
<div class="index-header"> 
  <!--iheader-->
  <div id="iheader">
  <a href="/m" class="iheader_back"></a>
    <h2 class="iheader_title">选择城市</h2>
    <h6 class="clear"></h6>
  </div>
</div>
<div class="h90"></div>
<div class="dwss_ssk">
    <div class="search-input">
    <input type="image" class="so" value="" src="/h5/images/so.png" align="top" onclick="window.location.href=''">
        <input type="text" name="q" class="ac_input" placeholder="请输入城市名称或首字母查询" ng-model="query">
        
    </div>
</div>

<div class="dwss_city">
			<dl id="cityOn" ng-show="area.code != undefined">
				<dt>定位城市</dt>
				<dd><a href="#" class="on" ng-bind="area.name" ng-click="setLocation(area)">常州</a></dd>
			</dl>
			<dl id="cityOver" ng-show = "prefer != undefined" >
				<dt>最近访问城市</dt>
				<dd><a href="#" ng-click="setLocation(prefer)"  ng-bind="prefer.name" ></a></dd>
			</dl>
			<dl id="cityHot">
				<dt>热门城市</dt>
				<dd><a href="#" ng-repeat="city in hotList" ng-click="setLocation(city)" ng-bind="city.name" >北京</a></dd>
			</dl>
			<ul id="cityA" ng-repeat="o in pinyinList">
				<h3 ng-bind="o.pinyin">A</h3>
				<li><span ng-repeat="city in o.list | filter:query" ng-click="setLocation(city)" ><a href="#" ng-bind="city.name">鞍山</a></span></li>
			</ul>
			<h6 class="clear"></h6>
			<div class="cityNav">
				<span class="C1"><a href="#cityOn"></a></span>
				<span class="C2"><a href="#cityOver"></a></span>
				<span class="C3"><a href="#cityHot"></a></span>
				<span><a href="#cityA" class="on">A</a></span>
				<span><a href="#cityB">B</a></span>
				<span><a href="#cityC">C</a></span>
				<span><a href="#cityD">D</a></span>
				<span><a href="#cityE">E</a></span>
				<span><a href="#cityF">F</a></span>
				<span><a href="#cityG">G</a></span>
				<span><a href="#cityH">H</a></span>
				<span><a href="#cityI">I</a></span>
				<span><a href="#cityG">G</a></span>
				<span><a href="#cityK">K</a></span>
				<span><a href="#cityL">L</a></span>
				<span><a href="#cityM">M</a></span>
				<span><a href="#cityN">N</a></span>
				<span><a href="#cityO">O</a></span>
				<span><a href="#cityP">P</a></span>
				<span><a href="#cityQ">Q</a></span>
				<span><a href="#cityR">R</a></span>
				<span><a href="#cityS">S</a></span>
				<span><a href="#cityT">T</a></span>
				<span><a href="#cityU">U</a></span>
				<span><a href="#cityV">V</a></span>
				<span><a href="#cityW">W</a></span>
				<span><a href="#cityX">X</a></span>
				<span><a href="#cityY">Y</a></span>
				<span><a href="#cityZ">Z</a></span>	
			</div>
		</div>
        
        <script type="text/javascript">
		$(function(){
			$(".cityNav a").click(function(){
				$(".cityNav a").removeClass('on'); 
				$(this).addClass('on');	
			});
			})
		</script>
</body>
</html>
